<?php session_start();
if (empty($_SESSION['nombre']))
	echo "<meta http-equiv='Refresh' content='0;url=../index.php'>";
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Reportes call center</title>
    <link href="../bootstrap/css/bootstrap.min.css" rel="stylesheet">
   	<link href="../bootstrap/css/view.css" rel="stylesheet">
   	<link href="../bootstrap/css/cupertino/jquery.ui.all.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="../bootstrap/scripts/view.js"></script>
	<script type="text/javascript" src="../bootstrap/scripts/jquery.js"></script> 
	<script type="text/javascript" src="../bootstrap/js/bootstrap.min.js"></script> 
	<script type="text/javascript" src="../bootstrap/js/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="../bootstrap/js/jquery.ui.datepicker.min.js"></script> 
   	<script type="text/javascript">
		$(document).ready(function()
		{
		   var jQueryDatePicker1Opts =
		   {
		      dateFormat: 'mm/dd/yy',
		      changeMonth: false,
		      changeYear: false,
		      showButtonPanel: false,
		      showAnim: 'show'
		   };
		   $("#fecha1").datepicker(jQueryDatePicker1Opts);
		   $("#fecha2").datepicker(jQueryDatePicker1Opts);
		   $("#fecha3").datepicker(jQueryDatePicker1Opts);
		   $("#fecha4").datepicker(jQueryDatePicker1Opts);
		   $("#fecha5").datepicker(jQueryDatePicker1Opts);
		   $("#fecha6").datepicker(jQueryDatePicker1Opts);
		   $("#fecha7").datepicker(jQueryDatePicker1Opts);
		   $("#fecha8").datepicker(jQueryDatePicker1Opts);
		});
</script>
   	
 <style type="text/css">
.ui-datepicker
{
   font-family: Arial;
   font-size: 13px;
   z-index: 1003 !important;
   display: none;
}
</style>
   	
  </head>
<body >
<div id="a_header">
		<div class="container">
			<div class="row">
				<div class="span10">
					
					<img src="../imagenes/CRM HV alta.png" width="175" height="110"  style="float:left;" alt="" />					</a>
					<div style="display:inline-block; margin-top:20px;">
						<h3 style="margin:0px;">Sistema de Administraci&oacute;n y gesti&oacute;n de clientes(CRM)</h3>
					</div>
				</div>
					<div class="btn-group pull-right upan">
						  <button type="button" class="btn btn-primary" id ="drop"><span class= "glyphicon glyphicon-user"><?php if (! empty($_SESSION['nombre'])) echo("   ". $_SESSION['user']);?></span></button>
						  <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" id="drop2">
						    <span class="caret"></span>
						  </button>
						  
						  <ul class="dropdown-menu" role="menu">
						  
						    <li><a href="../TableroInicio.php" title="Tablero Principal">Inicio</a></li>
						     <li class="divider"></li>
						    <li><a href="../cerrar_sesion.php" title="Cerrar sesi&oacute;n">Salir</a></li>
						  </ul>
					</div>
			</div>
		</div>
 	</div> 
<div style="background-color:#0455A7; height:3px;"></div>	<!--  fin header -->

<div class="container" style= "width: 100%">
				
	<div id="reporte" style="text-align:left;">
		<h4>Reporte de Ordenes de Trabajo</h4>
		<nav class="navbar navbar-default" role="search">
		<form class="form-inline" role="form" style= " width:100%;" >
		<div class="form-group">
			    <label for="cliente">Cliente:</label>
			    <input type="text" class="form-control" id="cliente" size="10" placeholder="Nombre del Cliente..">
			  </div>
			  <div class="form-group">
			    <label for="fecha1">Fecha Creaci&oacute;n:</label>
			    <input type="text" class="form-control" id="fecha1" size="10" placeholder="Fecha inicio..">
			  </div>
			  
			  <div class="form-group">
			    <label for="fecha1">Fecha Creaci&oacute;n:</label>
			    <input type="text" class="form-control" id="fecha2" size="10" placeholder="Fecha fin..">
			  </div>

			  
			  
			   <div class="form-group">
			    <label for="monto1">Fecha inicio pauta:</label>
			    <input type="text" class="form-control" id="fecha3" size="10" placeholder="Fecha inicio..">
			  </div>
			  
			  <div class="form-group">
			    <label for="monto2">Fecha inicio pauta:</label>
			    <input type="text" class="form-control" id="fecha4" size="10" placeholder="Fecha fin..">
			  </div>
			   <div class="form-group">
			    <label for="monto1">Fecha fin pauta:</label>
			    <input type="text" class="form-control" id="fecha5" size="10" placeholder="Fecha inicio..">
			  </div>
			  
			  <div class="form-group">
			    <label for="monto2">Fecha fin pauta:</label>
			    <input type="text" class="form-control" id="fecha6" size="10" placeholder="Fecha fin..">
			  </div>
			  <div class="form-group">
			    <label for="fecha1">Fecha Entrega:</label>
			    <input type="text" class="form-control" id="fecha7" size="10" placeholder="Fecha inicio..">
			  </div>
			  
			  <div class="form-group">
			    <label for="fecha1">Fecha Entrega:</label>
			    <input type="text" class="form-control" id="fecha8" size="10" placeholder="Fecha fin..">
			  </div>
			  <div class="form-group">
			    <label for="obs">Detalles:</label>
			    <input type="text" class="form-control" id="obs" size="15" placeholder="detalles..">
			  </div>
			  
			  <div class="form-group">
			    <label for="users">Usuario:</label>
			    <select id ="users" class= "element select" >	
			    <option value='0'>Seleccione..</option>						
				</select> 
												<script type="text/javascript">
												window.onload = function cargarUsuarios()
												{
													 $(function () 
															  {
															    $.ajax({                                      
															      url: 'cargarusuarios.php', 
															                          
															      dataType: "json",                
															      success: function(data)          
																	{
																	if( data == 0)
																	{
																		document.getElementById('users').innerHTML="No hay data.";
																	}
																	else
																	{
																		 for(f=0;f<data.length;f+=3)
																		{
																			 $("<option value='"+data[f]+"'>"+data[f+1]+" "+data[f+2]+"</option>").appendTo("#users");
																		} 
																		 
																	}
															      }
															    });
															  });
												}
											</script>
			  </div>
			  <div class="form-group">
			    <label for="categorias">Estados:</label>
			    <select id ="estados" class= "element select" >	
			    <option value='1'>Seleccione..</option>	
			    <option value='0'>En Bandeja de Entrada</option>	
			    <option value='-2'>Archivadas</option>
			    <option value='2'>En Proceso</option>						
				</select> 
												
			  </div>
			  <div class="form-group">
			    <label for="expos">Procedencia:</label>
			    <select id ="proc" class= "element select" >	
			    <option value='0'>Seleccione..</option>	
			     <option value='1'>Ventas</option>
			      <option value='2'>Internas</option>					
				</select> 
												
			  </div>
			  
			  
			  
			  <div class="form-group">
			    <label for="expos">Destino:</label>
			    <select id ="dest" class= "element select" >	
			    <option value='0'>Seleccione..</option>	
			    <option value='2'>Producci&oacute;n</option>
			    <option value='3'>Programaci&oacute;n</option>					
				</select> 
												
			  </div>
			  
			  
			   
			  <div class="form-group">
			  <button type="button" class="btn btn-success btn-xs" onclick="reportar();">Reporte</button>
			  <button type="reset" class="btn btn-default btn-xs" >Limpiar</button>
			  <button type="button" class="btn btn-warning btn-xs" onclick="cancelar();">Salir</button>
			  </div>
		</form>
			 
		</nav>
	</div>
</div>
	<div class="container" style="min-height:300px;">
	
		<div id="tabla">
		</div>
	
	</div>
	
   
    <footer style="margin-top: 20px; background-color:#FFF;">
		<div style="background-color:#00f; height:5px;"></div>
        <div class="container" style="height:100px;">
			<div class="row">
				<div class="span2" style="float:right;">
					<p style="">Desarrollado por:</p>
					<a href="http://www.3tech-panama.com"><img src="../imagenes/3techpaylogo.png"alt="3tech panama" style="width:134px; height:50px; float:right;" /></a>
			   </div>
			</div>
		</div>
        <div style="background-color:#0000FF; height:25px;">
            <div class="container" >
                <p style="margin-left: 10px; color:#FFF;">Copyright &copy; 2013 HOSANNA. Todos los derechos reservados. </p>
            </div>
        </div>	
    </footer>
</body>
<script type="text/javascript">
$taghtml = "<div class='progress progress-striped active'><div class='progress-bar'  role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='50' style='width: 100%'>";
$taghtml +=  "<div class='progress-bar'  role='progressbar' aria-valuenow='50' aria-valuemin='0' aria-valuemax='50' style='width: 100%'></div></div>";
function cancelar() {
	window.location="../TableroInicio.php";
}											
function devolverFechaMysql(fechajs)
{
	var partes = fechajs.split("/");
	var fechamysql = partes[2]+"-"+partes[0]+"-"+partes[1];
	return fechamysql;
}


function reportar()
{
	query="";
	
	var cliente = document.getElementById("cliente").value;
	var fecha1 = document.getElementById("fecha1").value;
	var fecha2 = document.getElementById("fecha2").value;
	var fecha3 = document.getElementById("fecha3").value;
	var fecha4 = document.getElementById("fecha4").value;
	var fecha5 = document.getElementById("fecha5").value;
	var fecha6 = document.getElementById("fecha6").value;
	var fecha7 = document.getElementById("fecha7").value;
	var fecha8 = document.getElementById("fecha8").value;
	var obs = document.getElementById("obs").value;
	var users = document.getElementById("users").value;
	var estados = document.getElementById("estados").value;
	var proc = document.getElementById("proc").value;
	var dest = document.getElementById("dest").value;
	      
    	query=" select * from otdetails ";
		
	var papacaliente = false;
	
	if(fecha1 != "")
	{
		fecha1 = devolverFechaMysql(fecha1);
		query += "where (fechacreacion >= '"+fecha1+"') ";
		papacaliente=true;
	}
	
	if(fecha2 != "" && papacaliente)
	{
		fecha2 = devolverFechaMysql(fecha2);
		query += "and (fechacreacion <= '"+fecha2+"') ";
	}
	else if(fecha2 != "" && !papacaliente)
	{
		fecha2 = devolverFechaMysql(fecha2);
		query += "where (fechacreacion <= '"+fecha2+"') ";
		papacaliente=true;
	}
	
	if(fecha3 != "" && papacaliente)
	{
		fecha3 = devolverFechaMysql(fecha3);
		query += "and (fechainicio >= '"+fecha3+"') ";
	}
	else if(fecha3 != "" && !papacaliente)
	{
		fecha3 = devolverFechaMysql(fecha3);
		query += "where (fechainicio >= '"+fecha3+"') ";
		papacaliente=true;
	}
	
	if(fecha4 != "" && papacaliente)
	{
		fecha4 = devolverFechaMysql(fecha4);
		query += "and (fechainicio <= '"+fecha4+"') ";
	}
	else if(fecha4 != "" && !papacaliente)
	{
		fecha4 = devolverFechaMysql(fecha4);
		query += "where (fechainicio <= '"+fecha4+"') ";
		papacaliente=true;
	}
	
	if(fecha5 != "" && papacaliente)
	{
		fecha5 = devolverFechaMysql(fecha5);
		query += "and (fechafin >= '"+fecha5+"') ";
	}
	else if(fecha5 != "" && !papacaliente)
	{
		fecha5 = devolverFechaMysql(fecha5);
		query += "where (fechafin >= '"+fecha5+"') ";
		papacaliente=true;
	}

	if(fecha6 != "" && papacaliente)
	{
		fecha6 = devolverFechaMysql(fecha6);
		query += "and (fechafin <= '"+fecha6+"') ";
	}
	else if(fecha6 != "" && !papacaliente)
	{
		fecha6 = devolverFechaMysql(fecha6);
		query += "where (fechafin <= '"+fecha6+"') ";
		papacaliente=true;
	}
	
	if(fecha7 != "" && papacaliente)
	{
		fecha7 = devolverFechaMysql(fecha7);
		query += "and (fechaentrega >= '"+fecha7+"') ";
	}
	else if(fecha7 != "" && !papacaliente)
	{
		fecha7 = devolverFechaMysql(fecha7);
		query += "where (fechaentrega >= '"+fecha7+"') ";
		papacaliente=true;
	}
	
	if(fecha8 != "" && papacaliente)
	{
		fecha8 = devolverFechaMysql(fecha8);
		query += "and (fechaentrega <= '"+fecha8+"') ";
	}
	else if(fecha8 != "" && !papacaliente)
	{
		fecha8 = devolverFechaMysql(fecha8);
		query += "where (fechaentrega <= '"+fecha8+"') ";
		papacaliente=true;
	}
	
	
	if(cliente != "" && papacaliente)
	{
		query += "and (nomcliente like '%"+cliente+"%') ";
	}
	else if(cliente != "" && !papacaliente)
	{
		query += "where (nomcliente like '%"+cliente+"%') ";
		papacaliente=true;
	}
		
	if(users != 0 && papacaliente)
	{
		query += "and (usuario = '"+users+"') ";
	}
	else if(users != 0 && !papacaliente)
	{
		query += "where (usuario = '"+users+"') ";
		papacaliente=true;
	}

		

	if(estados != 1 && papacaliente)
	{
		if(estados==2)
			query += "and (estado > '0') ";
		else
		     query += "and (estado = '"+estados+"') ";
	}
	else if(estados != 1 && !papacaliente)
	{
		if(estados==2)
			query += "where (estado > '0') ";
		else
			query += "where (estado = '"+estados+"') ";
		papacaliente=true;
	}
	

	if(proc != 0 && papacaliente)
	{
		query += "and (procedencia = '"+proc+"') ";
	}
	else if(proc != 0 && !papacaliente)
	{
		query += "where (procedencia = '"+proc+"') ";
		papacaliente=true;
	}
	if(dest != 0 && papacaliente)
	{
		query += "and (destino = '"+dest+"') ";
	}
	else if(dest != 0 && !papacaliente)
	{
		query += "where (destino = '"+dest+"') ";
		papacaliente=true;
	}


	
	if(obs != "" && papacaliente)
	{
		query += "and (detalles like '%"+obs+"%') ";
	}
	else if(obs != "" && !papacaliente)
	{
		query += "where (detalles like '%"+obs+"%') ";
		papacaliente=true;
	}
	
	//

	conexhttp=crearXMLHttpRequest();
	conexhttp.onreadystatechange = mostrar;
	conexhttp.open('GET',"getdatareporte.php?query="+query, true);
	conexhttp.send(null);
}
var query;
function reportarpdf()
{
	location.href='reportes.php?query='+query;
}
function mostrar()
{
	if(conexhttp.readyState == 4)
		document.getElementById('tabla').innerHTML = conexhttp.responseText;
	 else 
		document.getElementById('tabla').innerHTML = "<strong>Procesando, por favor espere...</strong><br>"+$taghtml;
}

	function Cancelar() {
		window.location="../TableroInicio.php";
	}
	function crearXMLHttpRequest() 
	{
	  var xmlHttp=null;
	  if (window.ActiveXObject) 
	    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	  else 
	    if (window.XMLHttpRequest) 
	      xmlHttp = new XMLHttpRequest();
	  return xmlHttp;
	}

	var conexhttp;  
	function abrir(codigoOrden)
	{
		window.location.href="recibirorden.php?Orden="+codigoOrden;
		//$("#tabla").load('recibirorden.php?Orden='+codigoOrden);
	}	

</script>

</html>